<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>测终生运-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <style>
        body { background-color: #e8e8e8;}
        .bzzsy_binding {margin: 10px;background-color: #fff;}
        .bb_tit {
            border: 1px solid #ddd;
            height: 30px;
            line-height: 30px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            padding: 0 10px;
            color: #ff6000;
        }
        .bb_con {
            border: 1px solid #ddd;
            border-top: none;
            padding: 10px;
            font-size: 14px;
            color: #4b4b4b;
        }
        .bb_con div {
            height: 30px;
            line-height: 30px;
            position: relative;
            padding: 0 0 0 70px;
        }
        .bb_con div span {
            display: block;
            width: 70px;
            position: absolute;
            left: 0;
            top: 0;
        }
        .bb_con .form {
            position: relative;
            height: 30px;
            overflow: hidden;
        }
        .bb_con .form .txt {
            width: 80%;
            border: 1px solid #ddd;
            position: absolute;
            left: 0;
            top: 0;
            height: 30px;
            padding: 0 5px;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            box-sizing: border-box;
            outline: none;
        }
        .bb_con .form .sub {
            position: absolute;
            right: 0;
            top: 0;
            background-color: #127892;
            color: #fff;
            height: 30px;
            width: 20%;
            border: none;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        .bzzsy_analysis {margin: 0 10px;position: relative;}
        .ba_title {
            padding: 10px 40px;
            background-color: #fff;
            position: relative;
            min-height: 20px;
            line-height: 20px;
            color: #127892;
            border: 1px solid #ddd;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            margin: 10px 0 0;
            font-weight: 700;
        }
        .ba_title:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: 70%;
            background-position: center;
            left: 0;
            background-image: url('__PUBLIC__/images/czsy_img/icon1.png');
        }
        .ba_res {
            background-color: #fff;
            border: 1px solid #ddd;
            border-top: none;
            padding: 0 0 10px;
            color: #4b4b4b;
        }
        .ba_res p {padding: 10px;}
        .ba_res .color {color: #ff6000;}
        .ba_res .p_fw_l {font-weight: 700;color: #ff6000;}
        .ba_res .p_img_r, .ba_res .p_img_l {overflow: hidden;padding-top: 0;text-indent: 2em;}
        .ba_res .p_img_r img {float: right;width: 90px;margin-left: 6px;}
        .ba_res .p_img_l img {float: left;width: 90px;margin-right: 10px;}
        .ba_res .p_fw { font-weight: 700;color: #ff6000;text-align: center;}
        .time_table {
            position: relative;
            padding: 0 10px 20px;
            background: url(__PUBLIC__/images/czsy_img/time_bottom.jpg) center bottom no-repeat;
            background-size: 10px auto;
        }
        .time_table img {width: 100%;display: block;}
        .time_table table {
            width: 100%;
            border-top: 1px solid #6d96a0;
            border-left: 1px solid #6d96a0;
            border-collapse: collapse;
            background-color: #fff;
        }
        .time_table td {
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            height: 20px;
            width: 4%;
            font-size: 12px;
        }
        .time_table .l_tip { background-color: #8abecb;}
        .time_table .r_tip {background-color: #ff6000;}
        .time_table .con {
            width: 20%;
            text-align: center;
            background: #cf7954;
            background: -webkit-linear-gradient(left, #8abecb, #ff6000);
            color: #fff;
        }
        .ba_table {position: relative;margin: 1px;}
        .ba_table table {
            position: relative;
            width: 100%;
            border-top: 1px solid #6d96a0;
            border-left: 1px solid #6d96a0;
            border-collapse: collapse;
        }
        .ba_table th:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            top: 0;
            left: 0;
            display: none\9;
        }
        .ba_table th, .ba_table td {
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            line-height: 24px;
            color: #0a4655;
            text-align: center;
            padding: 4px 0;
            position: relative;
        }
        .ba_table th {
            font-weight: normal;
            background-color: #bbdee7;
            background-color: transparent\9;
        }
        .ba_table .bz td {
            font-size: 18px;
            font-weight: 700;
        }
        .ba_table .br0 {border-right: none;}
        .ba_table .list {overflow: hidden;}
        .ba_table .list div {
            width: 12.5%;
            padding: 12px 0;
            border-right: 1px solid #6d96a0;
            box-sizing: border-box;
            float: left;
            text-align: center;
        }
        .ba_table .tr_list td, .ba_table .tr_list th {padding: 0;}
        .ba_table .list div span {font-size: 16px;}
        .end_box{margin:0 10px;}
        .five_class {position: relative;overflow: hidden;padding: 0 5px;}
        .five_class div { width: 25%;position: relative;float: left;}
        .five_class div b {
            display: block;
            margin: 2px;
            border: 1px solid #127892;
            color: #127892;
            border-radius: 4px;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            line-height: 30px;
        }
        .five_table_class {display: none;}
        .five_class div.active b {background-color: #127892;color: #fff;}
        .five_table {padding: 0 10px;}
        .five_table table {
            border-top: 1px solid #6d96a0;
            border-left: 1px solid #6d96a0;
            border-collapse: collapse;
            width: 100%;
            position: relative;
        }
        .five_table th, .five_table td {
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            line-height: 30px;
            color: #4b4b4b;
            text-align: center;
        }
        .five_table th {
            width: 30px;
            background: #f0fafc;
            color: #127892;
        }
        .five_table td {padding: 5px;text-align: left;}
        .ba_res p {padding: 10px;}
        .ba_fyd_goods {background-color: #fff;position: relative;}
        .ba_fyd_tit {
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 18px;
            position: relative;
            color: #127892;
        }
        .ba_fyd_tit:after, .ba_fyd_tit:before {
            content: "※※※※※※※";
            position: absolute;
            height: 24px;
            top: 0;
            color: #000;
            font-size: 16px;
        }
        .ba_fyd_tit:before {right: 10px;}
        .ba_fyd_tit:after {left: 10px;}
        .ba_fyd_txt {padding: 10px;}
        .ba_fyd_img img {width: 100%;display: block;}
        .ba_fyd_form_tit {
            border-bottom: 1px solid #ddd;
            border-top: 1px solid #ddd;
            line-height: 30px;
            text-align: center;
        }
        .ba_fyd_form_tit span {color: red;}
        .ba_fyd_form {position: relative;padding: 10px;}
        .ba_fyd_form .input, .ba_fyd_form .textarea {
            width: 100%;
            height: 32px;
            line-height: 32px;
            padding: 0 10px;
            box-sizing: border-box;
            border: 1px solid #b8b8b8;
            border-radius: 4px;
            margin-bottom: 10px;
            outline: none;
        }
        .ba_fyd_form .textarea {height: 74px;line-height: 24px;padding: 5px 10px;}
        .ba_fyd_form .submit {
            width: 100%;
            height: 32px;
            border-radius: 4px;
            border: none;
            color: #fff;
            background-color: #3393ab;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <header class="share_header">
        <h1 class="zm">测终生运</h1>
        <include file="Public/bzhhtop"/>
    </header>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/czsy_img/banner.jpg" width="100%" />
    </div>
    <div class="bzzsy_binding">
        <div class="bb_tit">绑定订单可以多次查看</div>
        <div class="bb_con">
            <div><span>订单编号：</span><!--{$Think.cookie.orderid}--></div>
            <div id="xd_time"><span>下单时间：</span><!--{$createtime}--></div>
            <!--<div><span>绑定订单：</span>-->
                <!--<div class="form">-->
                    <!--<form class="J_ajaxForm" action="" method="post">-->
                        <!--<input type="text" class="txt" placeholder="输入手机号绑定后可以下次查看" name="value" id="value">-->
                        <!--<input type="hidden" name="id" value="16104854">-->
                        <!--<input type="button" class="sub J_ajax_submit_btn" value="绑定">-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <script>
        (function(){
            var num=['qumingxiaoxue'];
            var rNum=parseInt(Math.random()*num.length,10);
            document.write('<div style="text-align: center;margin:10px 0 0;padding:0 0 10px;overflow: hidden;"><p style="font-size: 16px;">预约大师亲算，请添加大师助理微信：</p><p style="color:#FF6632;padding:6px 0;font-size: 18px">'+num[rNum]+'</p><div style="width: 240px;text-align: left;margin:0 auto;line-height: 24px;"><p style="position: relative;padding-left:24px;"><i style="font-style: normal;position: absolute;width: 20px;height:20px;line-height: 20px;left:2px;top:2px;line-height: 20px;color: #fff;background: #000;text-align: center;border-radius: 50%">1</i>【长按上方数字复制微信号】</p><a href="weixin://" style="position: relative;padding-left:24px;color: #FF6632;display: block;text-decoration: none;"><i style="font-style: normal;position: absolute;width: 20px;height:20px;line-height: 20px;left:2px;top:2px;line-height: 20px;color: #fff;background: #000;text-align: center;border-radius: 50%"">2</i>【点我打开微信】</a></div></div>');
        })();
    </script>
    <div class="bzzsy_analysis">
        <div class="ba_title">您的八字命盘</div>
        <div class="ba_res">
            <p><!--{$Think.cookie.znickname}-->，<span class="color">生于公元<!--{$Think.cookie.zyangli}--></span>，<span class="color">农历<!--{$Think.cookie.zyinli}-->&nbsp;&nbsp;<!--{:mb_substr($sizhu[3],1,1,'utf-8')}-->时</span>，年干支为<span class="color"><!--{$sizhu[0]}--></span>，本命元神<span class="color"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}--></span>，为<span class="color"><!--{$dayunss[$datacolor]}-->格</span>，为一<span class="color"><!--{$arryysz[0]}--></span>年<span class="color"><!--{$arryysz[1]}--></span>月<span class="color"><!--{$arryysz[2]}--></span>日<span class="color"><!--{$arryysz[3]}--></span>时出生的<if condition="$sex eq 1">帅哥<else />美女</if>，其生辰八字与一生大运列示如下，这是非常专业精致的八字命盘，请仔细参详！</p>
            <div class="ba_table">
                <table>
                    <tbody>
                    <tr>
                        <th style="width:20%">坤造</th>
                        <th style="width:20%">年柱</th>
                        <th style="width:20%">月柱</th>
                        <th style="width:20%">日柱</th>
                        <th style="width:20%">时柱</th>
                    </tr>
                    <tr>
                        <th>天干十神</th>
                        <td><!--{$nianzhuss[0]}--></td>
                        <td><!--{$nianzhuss[1]}--></td>
                        <td>命主</td>
                        <td><!--{$nianzhuss[2]}--></td>
                    </tr>
                    <tr class="bz">
                        <th>八字</th>
                        <td class="br0"><!--{:mb_substr($sizhu[0],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[0],1,1,'utf-8')}--></td>
                        <td class="br0"><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[1],1,1,'utf-8')}--></td>
                        <td class="br0"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[2],1,1,'utf-8')}--></td>
                        <td class="br0"><!--{:mb_substr($sizhu[3],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[3],1,1,'utf-8')}--></td>
                    </tr>
                    <tr>
                        <th>藏干</th>
                        <td><!--{$canggan[0]}--></td>
                        <td><!--{$canggan[1]}--></td>
                        <td><!--{$canggan[2]}--></td>
                        <td><!--{$canggan[3]}--></td>
                    </tr>
                    <tr>
                        <th>地支十神</th>
                        <td><!--{$zhishen[0]}--></td>
                        <td><!--{$zhishen[1]}--></td>
                        <td><!--{$zhishen[2]}--></td>
                        <td><!--{$zhishen[3]}--></td>
                    </tr>
                    <tr>
                        <th>生态: <span class="color"><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}-->生于<!--{:mb_substr($sizhu[1],1,1,'utf-8')}-->月</span></th>
                        <td>纳音:<br><span class="color"><!--{$ny}--></span></td>
                        <td>格局:<br><span class="color"><!--{$dayunss[$datacolor]}-->格</span></td>
                        <td>生肖:<br><span class="color"><!--{$liunian['zodiac-sign']}--></span></td>
                        <td>日元:<br><span class="color"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}--></span></td>
                    </tr>
                    <tr>
                        <th>地势</th>
                        <th><!--{$bzdishi[0]}--></th>
                        <th><!--{$bzdishi[1]}--></th>
                        <th><!--{$bzdishi[2]}--></th>
                        <th><!--{$bzdishi[3]}--></th>
                    </tr>
                    <tr>
                        <th>喜用神:<br><span class="color"><!--{$xiys}--></span></th>
                        <td colspan="2">旺相休囚死:<br><span class="color"><!--{$wxsqs}--></span></td>
                        <td>胎元:<br><span class="color"><!--{$taiyuan}--></span></td>
                        <td>日空:<br><span class="color"><!--{$rikong}--></span></td>
                    </tr>
                    <tr>
                        <td colspan="5"><span class="color">起大运：出生后<!--{$dayunx}-->年<!--{$dayuny}-->月起大运</span></td>
                    </tr>
                    <tr class="tr_list">
                        <th>大运岁数</th>
                        <td colspan="4">
                            <div class="list">
                                <div><span><!--{$dayun+1}--></span></div>
                                <div><span><!--{$dayun+11}--></span></div>
                                <div><span><!--{$dayun+21}--></span></div>
                                <div><span><!--{$dayun+31}--></span></div>
                                <div><span><!--{$dayun+41}--></span></div>
                                <div><span><!--{$dayun+51}--></span></div>
                                <div><span><!--{$dayun+61}--></span></div>
                                <div><span><!--{$dayun+71}--></span></div>
                            </div>
                        </td>
                    </tr>
                    <tr class="tr_list">
                        <th>大运年数</th>
                        <td colspan="4">
                            <div class="list">
                                <div><span><!--{$dayungz[0]}--></span></div>
                                <div><span><!--{$dayungz[1]}--></span></div>
                                <div><span><!--{$dayungz[2]}--></span></div>
                                <div><span><!--{$dayungz[3]}--></span></div>
                                <div><span><!--{$dayungz[4]}--></span></div>
                                <div><span><!--{$dayungz[5]}--></span></div>
                                <div><span><!--{$dayungz[6]}--></span></div>
                                <div><span><!--{$dayungz[7]}--></span></div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
    </div>
    <div class="end_box">
        <div class="ba_title">个性特征分析</div>
        <div class="ba_res">
            <p class="p_fw_l">到底是性格决定命运，还是命运改变性格。</p>
            <p class="p_img_r">
                <img src="__PUBLIC__/images/czsy_img/img1.jpg" alt=""> <!--{$mgarrzhux[0]['zengyan']}-->
            </p>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">您的事业分析</div>
        <div class="ba_res">
            <p class="p_fw_l">“三百六十行，行行出状元。”你会是哪行的状元？</p>
            <p class="p_img_l">
              <img src="__PUBLIC__/images/czsy_img/img2.jpg" alt=""><!--{$syarrzhux[0]['zengyan']}-->
            </p>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">您的财运分析</div>
        <div class="ba_res">
            <p class="p_fw_l">“成事在人，富贵在天。”你天生富贵OR贫穷？</p>
            <p class="p_img_r">
                <img src="__PUBLIC__/images/czsy_img/img3.jpg" alt=""><!--{$cbarrzhux[0]['zengyan']}-->
            </p>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">您的爱情婚恋观</div>
        <div class="ba_res">
            <p class="p_fw_l">“选一人白首，择一城终老。”你选的TA会给你幸福吗？</p>
            <p class="p_img_l">
                <img src="__PUBLIC__/images/czsy_img/img4.jpg" alt=""><!--{$fqarrzhux[0]['zengyan']}-->
            </p>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">您的健康之路</div>
        <div class="ba_res">
            <p class="p_fw_l">“身体是革命的本钱！”你有足够的本钱吗？</p>
            <p class="p_img_r">
                <img src="__PUBLIC__/images/czsy_img/img5.jpg" alt=""><!--{$jearrzhux[0]['zengyan']}-->
            </p>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">百年运势流年表</div>
        <div class="ba_res">
            <p class="p_fw">以下是您的终身运势流年表</p>
            <div class="time_table">
                <img src="__PUBLIC__/images/czsy_img/time_table.jpg" alt="">
                <table id="timeTable">
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">每五年阶段式运势详解</div>
        <div class="ba_res">
            <p class="color">行运年龄段：</p>
            <div class="five_class" id="fiveClass">
                <!--<div class="active"><b>1-5岁</b></div>-->
                <!--<div><b>6-10岁</b></div>-->
                <foreach name="arrczsy" item="value" key="key">
                    <if condition="$key+5 gt $age">
                        <if condition="$key elt $age"><div class="active"><b><!--{$key}-->-<!--{$key+4}-->岁</b></div>
                            <else /><div><b><!--{$key}-->-<!--{$key+4}-->岁</b></div>
                        </if>

                    </if>
                </foreach>

            </div>
            <div class="five_table" id="fiveTableClass">
                <foreach name="arrczsy" item="value" key="key">
                    <if condition="$key+5 gt $age">
                        <if condition="$key elt $age">
                            <div class="five_table_class" style="display:block">
                                <p class="color">十神运名：<!--{$value['name']}-->运</p>
                                <p class="color">签   运 :  <!--{$value['lack']}--></p>
                                <table>
                                    <tbody>
                                    <tr>
                                        <th>解签</th>
                                        <td style="text-indent: 2em;"><!--{$value['text1']}--></td>
                                    </tr>
                                    <tr>
                                        <th>事业</th>
                                        <td style="text-indent: 2em;"><!--{$value['text2']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title3']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text3']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title4']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text4']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title5']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text5']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title6']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text6']}--></td>
                                    </tr>
                                    <if condition="$value['title7'] neq ''">
                                        <tr>
                                            <th><!--{$value['title7']}--></th>
                                            <td style="text-indent: 2em;"><!--{$value['text7']}--></td>
                                        </tr>
                                    </if>
                                    <if condition="$value['title8'] neq ''">
                                        <tr>
                                            <th><!--{$value['title8']}--></th>
                                            <td style="text-indent: 2em;"><!--{$value['text8']}--></td>
                                        </tr>
                                    </if>
                                    </tbody>
                                </table>
                            </div>
                            <else />
                            <div class="five_table_class" >
                                <p class="color">十神运名：<!--{$value['name']}-->运</p>
                                <p class="color">签   运 :  <!--{$value['lack']}--></p>
                                <table>
                                    <tbody>
                                    <tr>
                                        <th>解签</th>
                                        <td style="text-indent: 2em;"><!--{$value['text1']}--></td>
                                    </tr>
                                    <tr>
                                        <th>事业</th>
                                        <td style="text-indent: 2em;"><!--{$value['text2']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title3']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text3']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title4']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text4']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title5']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text5']}--></td>
                                    </tr>
                                    <tr>
                                        <th><!--{$value['title6']}--></th>
                                        <td style="text-indent: 2em;"><!--{$value['text6']}--></td>
                                    </tr>
                                    <if condition="$value['title7'] neq ''">
                                        <tr>
                                            <th><!--{$value['title7']}--></th>
                                            <td style="text-indent: 2em;"><!--{$value['text7']}--></td>
                                        </tr>
                                    </if>
                                    <if condition="$value['title8'] neq ''">
                                        <tr>
                                            <th><!--{$value['title8']}--></th>
                                            <td style="text-indent: 2em;"><!--{$value['text8']}--></td>
                                        </tr>
                                    </if>
                                    </tbody>
                                </table>
                            </div>

                        </if>

                    </if>
                </foreach>


            </div>
        </div>
    </div>
    <div class="end_box">
        <div class="ba_title">个人大运总体分析</div>
        <div class="ba_res">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;<!--{$arrczsy[1]['dyztfx']}--></p>
            <!--<div class="ba_fyd_goods">-->
                <!--<div class="ba_fyd_tit">开运圣品</div>-->
                <!--<div class="ba_fyd_txt">正所谓“三分天命，七分后运”，您出生时的生辰八字虽不可更改，但可以依靠后天运势来改变，老师根据您的生辰八字测算出能最快速帮您开运转运的吉祥物，只要您真诚奉请佩戴此款开光吉祥物，无论是事业、感情还是财运方面都能顺风顺水，平安无忧。</div>-->
                <!--<div class="ba_fyd_img"><img src="__PUBLIC__/images/czsy_img/housl.jpg" alt=""></div>-->
                <!--<div class="ba_fyd_form_tit">在线奉请该圣品：<span>￥228元</span></div>-->
                <!--<div class="ba_fyd_form">-->
                    <!--<form class="J_ajaxForm" action="" method="post">-->
                        <!--<input class="input" type="text" name="username" placeholder="缘主姓名">-->
                        <!--<input class="input" type="text" name="phone" placeholder="缘主电话">-->
                        <!--<textarea class="textarea" name="address" id="" placeholder="缘主地址"></textarea>-->
                        <!--<input type="hidden" name="chooseids" value="868">-->
                        <!--<input type="hidden" name="servers_id" value="19">-->
                        <!--<input class="J_ajax_submit_btn submit" type="button" value="确认奉请">-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
            <script>
                (function(){
                    var num=['qumingxiaoxue'];
                    var rNum=parseInt(Math.random()*num.length,10);
                    document.write('<div style="text-align: center;margin:10px 0 0;padding:0 0 10px;overflow: hidden;"><p style="font-size: 16px;">预约大师亲算，请添加大师助理微信：</p><p style="color:#FF6632;padding:6px 0;font-size: 18px">'+num[rNum]+'</p><div style="width: 240px;text-align: left;margin:0 auto;line-height: 24px;"><p style="position: relative;padding-left:24px;"><i style="font-style: normal;position: absolute;width: 20px;height:20px;line-height: 20px;left:2px;top:2px;line-height: 20px;color: #fff;background: #000;text-align: center;border-radius: 50%">1</i>【长按上方数字复制微信号】</p><a href="weixin://" style="position: relative;padding-left:24px;color: #FF6632;display: block;text-decoration: none;"><i style="font-style: normal;position: absolute;width: 20px;height:20px;line-height: 20px;left:2px;top:2px;line-height: 20px;color: #fff;background: #000;text-align: center;border-radius: 50%"">2</i>【点我打开微信】</a></div></div>');
                })();
            </script>
        </div>
    </div>
      <div class="hot_cs">

          <include file="Public/zhiming" />

    </div>
     <!-- 功能拓展 -->
    <div class="public_bound_phone" id="bindPhonePopup">
        <div class="public_bp_content">
            <h6>绑定订单提示</h6><p>您好！此测算结果只保留<span>72</span>小时，建议您截图保存结果。绑定后，可通过邮箱或手机号在<span>我的测算</span>中长期查询。</p>
            <p><span>注：</span>填写邮箱，客服会发送订单信息到您邮箱</p>
            <form class="J_ajaxForm" action="" method="post">
                <input id="bpPhone" type="text" name="value" placeholder="手机号/邮箱">
                <input type="hidden" name="id" value="452">
                <ul class="btn_ui">
                    <li><a href="javascript:;" class="J_ajax_submit_btn confirm_btn">确认提交</a></li>
                    <li><a href="javascript:;" class="close_btn" id="bindPhonePopupClose">不绑定</a></li>
                </ul>
            </form>
        </div>
    </div>
    <div class="public_evaluate_popup" id="evaluatePopup">
        <div class="public_ep_content">
            <form class="J_ajaxForm" action="" method="post">
                <div class="public_ep_tit">用户评价</div>
                <div class="public_ep_con">
                    <div class="public_ep_tip">请为本次测算结果打分：</div>
                    <div class="public_ep_star" id="evaluatePopupStar">
                        <span class="J_evaluateStar"></span>
                        <span class="J_evaluateStar"></span>
                        <span class="J_evaluateStar"></span>
                        <span class="J_evaluateStar"></span>
                        <span class="J_evaluateStar"></span>
                    </div>
                    <div class="public_ep_tip">请留下您宝贵的建议：</div>
                    <div class="public_ep_text">
                        <input type="hidden" value="" name="order_sn">
                        <input type="hidden" value="0" name="raty" id="evaluateStarInput">
                        <textarea id="content" name="content"></textarea>
                    </div>
                </div>
                <div class="public_ep_btn">
                    <a href="javascript:;" class="public_ep_cancel" id="evaluatePopupCancel">不了，谢谢</a>
                    <a href="javascript:;" class="public_ep_confirm J_ajax_submit_btn" data-callback="evaluateConfirmCallback">提交评价</a>
                </div>
            </form>
        </div>
    </div>
    <footer class="footer_severs" style="padding-bottom:20px;">

        <include file="Public/bottom" />

    </footer> 
    <script src="__PUBLIC__/js/jquery.min.js"></script>
        <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // 功能拓展
         if($("#bindPhonePopup").length){
            var bindPhonePopup=$("#bindPhonePopup"),popScrollTop=0;
             if('<!--{$predata}-->'==1){
            bindPhonePopup.show(),$("body").addClass("base_popup"),$("#bindPhonePopupClose").on("click",function(){
                $("body").removeClass("base_popup"),bindPhonePopup.remove();
            })}
         };
        $('.confirm_btn').on('click',function(){
            if(!(/(^1[3|4|5|8][0-9]\d{4,8}$)|(^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$)/.test($('#bpPhone').val()))){
                layer.msg('请填写正确的手机号码（邮箱）');
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('提交成功', {icon: 1});
                setTimeout(function(){
                    var value=$('#bpPhone').val();
                    var orderid='<!--{$Think.cookie.orderid}-->';
                    $.getJSON("<!--{:U('Index/addphoneoremail','',false)}-->",{value:value,orderid:orderid},function(data){
                        javascript:location.reload();
                    });
                },1500);
            },500);
        });
        if($("#evaluatePopup").length){
            var evlPop=$("#evaluatePopup"),evlStar=$("#evaluatePopupStar"),evlStarInput=$("#evaluateStarInput"),popScrollTop=0;
            if('<!--{$evaluate}-->'==1){
                $(window).scroll(function(){
                    var e=$(this).scrollTop(),a=$(document).height();e+$(this).height()+200>=a && (evlPop.hasClass("active")||(popScrollTop=$(document).scrollTop(),$("body").addClass("base_popup"),$("body").css("top",-popScrollTop),evlPop.addClass("active").show()))
                }),
                        evlStar.children(".J_evaluateStar").on("click",function(){
                            for(var e=$(this).index(),a=0;a<5;a++)a<=e?evlStar.children(".J_evaluateStar").eq(a).addClass("on"):evlStar.children(".J_evaluateStar").eq(a).removeClass("on");evlStarInput.val(e+1)}),
                        $("#evaluatePopupCancel").on("click",function(){$("body").removeClass("base_popup"),$(document).scrollTop(popScrollTop),evlPop.remove()})
            }
        };
        $('.public_ep_confirm').on('click',function(){
            if($("[name='content']").val() == ''){
                layer.msg('反馈建议不能为空');
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('提交成功', {icon: 1});
                setTimeout(function(){
                    var raty=$('#evaluateStarInput').val();
                    var content=$('#content').val();
                    var orderid='<!--{$Think.cookie.orderid}-->';
                    $.getJSON("<!--{:U('Index/user_evaluate','',false)}-->",{raty:raty,content:content,orderid:orderid},function(data){
                        $("#evaluatePopupCancel").click();
                    });
                },1500);
            },500);
        });
    // 流年表
    var arr = [];
            var sta = {"txt" : "1-5岁 <!--{:mb_substr($dayungz[0],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[0]}-->', "num" :  parseInt('<!--{$arrlnby[0]}-->')};
            var end = {"txt" : "6-10岁 <!--{:mb_substr($dayungz[0],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[1]}-->', "num" : parseInt('<!--{$arrlnby[1]}-->')};
        arr.push(sta);
        arr.push(end);
            var sta = {"txt" : "11-15岁 <!--{:mb_substr($dayungz[1],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[2]}-->', "num" :parseInt('<!--{$arrlnby[2]}-->')};
            var end = {"txt" : "16-20岁 <!--{:mb_substr($dayungz[1],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[3]}-->', "num" : parseInt('<!--{$arrlnby[3]}-->')};
        arr.push(sta);
        arr.push(end);
            var sta = {"txt" : "21-25岁 <!--{:mb_substr($dayungz[2],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[4]}-->', "num" : parseInt('<!--{$arrlnby[4]}-->')};
            var end = {"txt" : "26-30岁 <!--{:mb_substr($dayungz[2],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[5]}-->', "num" : parseInt('<!--{$arrlnby[5]}-->')};
        arr.push(sta);
        arr.push(end);
            var sta = {"txt" : "31-35岁 <!--{:mb_substr($dayungz[3],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[6]}-->', "num" : parseInt('<!--{$arrlnby[6]}-->')};
            var end = {"txt" : "36-40岁 <!--{:mb_substr($dayungz[3],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[7]}-->', "num" : parseInt('<!--{$arrlnby[7]}-->')};
        arr.push(sta);
        arr.push(end);
                var sta = {"txt" : "41-45岁 <!--{:mb_substr($dayungz[4],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[8]}-->', "num" : parseInt('<!--{$arrlnby[8]}-->')};
                var end = {"txt" : "46-50岁 <!--{:mb_substr($dayungz[4],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[9]}-->', "num" : parseInt('<!--{$arrlnby[9]}-->')};
        arr.push(sta);
        arr.push(end);
           var sta = {"txt" : "51-55岁 <!--{:mb_substr($dayungz[5],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[10]}-->', "num" : parseInt('<!--{$arrlnby[10]}-->')};
           var end = {"txt" : "56-60岁 <!--{:mb_substr($dayungz[5],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[11]}-->', "num" : parseInt('<!--{$arrlnby[11]}-->')};
        arr.push(sta);
        arr.push(end);
                 var sta = {"txt" : "61-65岁 <!--{:mb_substr($dayungz[6],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[12]}-->', "num" : parseInt('<!--{$arrlnby[12]}-->')};
                var end = {"txt" : "66-70岁 <!--{:mb_substr($dayungz[6],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[13]}-->', "num" : parseInt('<!--{$arrlnby[13]}-->')};
        arr.push(sta);
        arr.push(end);
           var sta = {"txt" : "71-75岁 <!--{:mb_substr($dayungz[7],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[14]}-->', "num" : parseInt('<!--{$arrlnby[14]}-->')};
           var end = {"txt" : "76-80岁 <!--{:mb_substr($dayungz[7],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[15]}-->', "num" : parseInt('<!--{$arrlnby[15]}-->')};
        arr.push(sta);
        arr.push(end);
                var sta = {"txt" : "81-85岁 <!--{:mb_substr($dayungz[8],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[16]}-->', "num" : parseInt('<!--{$arrlnby[16]}-->')};
                var end = {"txt" : "86-90岁 <!--{:mb_substr($dayungz[8],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[17]}-->', "num" : parseInt('<!--{$arrlnby[17]}-->')};
        arr.push(sta);
        arr.push(end);
                var sta = {"txt" : "91-95岁 <!--{:mb_substr($dayungz[9],0,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[18]}-->', "num" : parseInt('<!--{$arrlnby[18]}-->')};
                var end = {"txt" : "96-100岁 <!--{:mb_substr($dayungz[9],1,1,'utf-8')}-->", "type" : '<!--{$arrlnbx[19]}-->', "num" : parseInt('<!--{$arrlnby[19]}-->')};
        arr.push(sta);
        arr.push(end);
                var tableStr = '';
    function tdStr() {
        var tdStr = "";
        return function (i) {
            for (var t = 1; t <= 21; t++) {
                if (arr[i].type == 0 && t > (10 - arr[i].num) && t <= 10) {
                    tdStr += '<td class="l_tip"></td>';
                } else if (t == 11) {
                    tdStr += '<td class="con">' + arr[i].txt + '</td>';
                } else if (arr[i].type == 1 && t >= 11 && t <= (11 + arr[i].num)) {
                    tdStr += '<td class="r_tip"></td>';
                } else {
                    tdStr += '<td></td>';
                }
            }
            return tdStr;
        }
    }
    for (var i = 0, max = arr.length; i < max; i++) {
        tableStr += '<tr>';
        tableStr += tdStr()(i);
        tableStr += '</tr>';
    }
    $('#timeTable').html(tableStr);
    // 五年运
    $('#fiveClass').children('div').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active');
        $('#fiveTableClass').children('.five_table_class').eq($(this).index()).show().siblings().hide();
    })
    </script>
</body>
</html>